/*
 
 
//	文章点击收起和展开功能
function $id(id) {
	return document.getElementById(id);
}
$id("text").className = "change";
$id("toUp").onclick = function() {
	if($id("text").className == "text") {
		$id("text").className = "change";
		this.innerHTML = "▼展开全文";
	} else {
		$id("text").className = "text";
		this.innerHTML = "▲收起";
	}
}
//	左侧文章收起和展开功能结束
$id("chat").style.display = "none";
$id("zan").onmouseover = function() {
	this.src = "img/zan1.png";
	this.onclick = function() {
		$id("num").innerHTML++;
	}
}
$id("zan").onmouseout = function() {
	this.src = "img/zan.png";
}


$id("love").onmouseover = function() {
	this.src = "img/love1.png";
	this.onclick = function() {
		alert("请先登录！");
	}
}
$id("love").onmouseout = function() {
	this.src = "img/love.png";
}


$id("shang").onmouseover = function() {
	this.src = "img/shang1.png";
	$id("chat").style.display = "block";
}
$id("shang").onmouseout = function() {
	this.src = "img/shang.png";
	$id("chat").style.display = "none";
}



右侧文章轮播
var count = 0;
var l = $id("leftscroll").getElementsByTagName("li").length;
var liWidth = $id("leftscroll").getElementsByTagName("li")[0].offsetWidth;
$id("leftscroll").style.width = liWidth * l + "px";

$id("nexttitle").onclick = function(){
	count++;
	if(count >= l){
		count = l-1;	
	}
	animate($id("leftscroll"),-liWidth*count,10);
}
$id("pretitle").onclick = function(){
	count--;
	if(count < 0){
		count = 0;
	}
	animate($id("leftscroll"),-liWidth*count,10);
}
//	右侧文章轮播结束	

*/
//==========================jquery==========================================
	$(function() {
		//---------------文章点击收起和展开功能------------------------------------
		$('#text').attr('class', 'change');
		$('#toUp').on('click', function() {
				if($('#text').attr('class') == 'change') {
					$('#text').attr('class', 'text');
					$(this).html('▲收起');
				} else {
					$('#text').attr('class', 'change');
					$(this).html('▼展开全文');
				}
			})
			//---------------文章点击收起和展开功能over--------------------------------

		//----------------------点赞和收藏-------------------------------------
		$('#chat').hide();
		$('#zan').on({
			mouseover: function() {
				$(this).attr('src', 'img/zan1.png');
			},
			mouseout: function() {
				$(this).attr('src', 'img/zan.png');
			},
			click: function() {
				var $num = $('#num').html();
				$num++;
				$('#num').html($num);
			}
		})

		$('#love').on({
			mouseover: function() {
				$(this).attr('src', 'img/love1.png');
			},
			mouseout: function() {
				$(this).attr('src', 'img/love.png');
			},
			click: function() {
				alert('请先登录');
			}
		})

		$('#shang').on({
				mouseover: function() {
					$(this).attr('src', 'img/shang1.png');
					$('#chat').show();
				},
				mouseout: function() {
					$(this).attr('src', 'img/shang.png');
					$('#chat').hide();
				}
			})
			//----------------------点赞和收藏over---------------------------------

		//----------------------右侧文章轮播-------------------------------------
		var $count = 0;
		var $l = $('#leftscroll li').length;					// 	获取到li的个数
		var $liWidth = $('#leftscroll li:eq(0)').outerWidth();	// 	获取到单个li的宽度
		$('#leftscroll').css('width', $l * $liWidth + 'px');	//	动态设置ul的宽度
		$('#nexttitle').on('click', function() {				
			if($count < $l-1) {									//	$count 值  < length-1时，再++会等于length
				$count++;						
				if($count > 0){									//	只要count>0 ，就把 pretitle的 灰色去掉
					$("#pretitle").removeClass('disabled');		
				}
				$('#leftscroll').stop();						//	随时打断当前动画
				$('#leftscroll').animate({						
					left: -$liWidth * $count					
				}, 300 , function(){							//	在回调里执行  如果 count == length - 1；让右侧按钮禁用
					if($count == $l-1){								
						$('#nexttitle').addClass('disabled');
					}
				});
			}	
		})
		$('#pretitle').on('click', function() {
			if($count > 0) {									//	count > 0,等于1时，再--等于0;
				$count--;										
				if($count < $l - 1){							//	只要 count < length - 1; 
					$("#nexttitle").removeClass('disabled');	//	就 让 右侧按钮 正常
				}									
				$('#leftscroll').stop();						
				$('#leftscroll').animate({							
					left: -$liWidth * $count							
				}, 300 , function(){	
					if($count == 0){							//	当动画执行完毕时，如果count为0；就让左侧按钮禁用，即改变class，改变按钮颜色
						$('#pretitle').addClass('disabled');		
					}
				});
			}
		})
		//----------------------右侧文章轮播over---------------------------------

	})
	//==========================jquery==========================================